<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="description" content="蓝聘APP,服务蓝领群体，真实、可靠、值得信赖的招聘服务平台，提供记工时、查工资、企业点评、无偿借支等多项功能，线上、线下全方位服务，让蓝领人士在求职的路上不再坎坷." />
		<meta name="keywords" content="蓝聘app，蓝聘网络科技，服务蓝领，真实，可靠，值得信赖，记工时，查工资，企业点评，找工作，无偿借支，蓝领求职，智能求职，蓝聘网，大和蓝聘网，大和" />
		<link rel="shortcut icon" href="faviconpc.ico" />
		<link href="css/index.css" rel="stylesheet" type="text/css" />
		<link href="css/jquery.page.css" rel="stylesheet" type="text/css" />
		<link href="css/flickerplate.css" type="text/css" rel="stylesheet">
		<link href="css/swiper_img.css" type="text/css" rel="stylesheet">
		<title>蓝聘,专注蓝领人士的求职服务！</title>
	</head>

	<body>
		<div class="wrapHeader">
			<div class="header">
				<div class="hea_left">
					<div class="nav_lg">
						<img src="images/lp_logow.png" draggable="false">
					</div>
					<ul class="nav">
						<li>
							<a href="index.html" target="_self" class="cur">首页</a>
						</li>
						<li>
							<a href="introduce_app.html" target="_self">APP介绍</a>
						</li>
						<li>
							<a href="about_us.html" target="_self">关于我们</a>
						</li>
						<li>
							<a href="cooperative_partner.html" target="_self">合作伙伴</a>
						</li>
						<li>
							<a href="contact_us.html" target="_self">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="hea_right">
					<img class="one_img" src="images/app_003.jpg">
					<div class="app_f">手机APP下载</div>
					<img class="transform_img" src="images/xiazai.png" style="width: 12px;height: 6px;margin-top: 23px;margin-left: 8px;">
					<div class="load_upimg_BOX">
						<div class="load_upimg"><img class="img_an" src="images/android_03.png"></div>
					</div>
				</div>
			</div>
		</div>
		<div id="fullpage">
			<div class="section page1">
				<div class="flicker-example" data-block-text="false">
					<ul>
						<li data-background="images/banner01.jpg">
						</li>
						<li data-background="images/banner_02.jpg">
						</li>
						<li data-background="images/banner03.jpg">
						</li>
					</ul>
				</div>
			</div>
			<div class="section page2">
				<div class="fore_box">
					<div class="si_ys">四大优势</div>
					<div class="si_yis">Four advantages</div>
					<div class="btm_bord"></div>
					<div class="sidayous">
						<div class="fore_f1">
							<img class="for_por" src="images/index01.jpg">
							<div class="for_poa">
								<img class="" src="images/youshi_01.png">
								<div class="shimi_f">真实可靠</div>
							</div>
							<div class="for_zzcbox" style="background: rgba(173,100,56,0.8);">
								<div class="for_zzc">
									<div class="zzc_title">真实可靠</div>
									<div class="bgk_bord"></div>
									<div class="zzc_comnet">蓝聘提供的所有岗位都是经过蓝聘平台线下筛选、实时考查。杜绝黑心、拖欠工资的企业滥竽充数。而且每个厂都有专业的驻场老师，从入职到在职，从在职到离职。提供“一条龙”式的服务，让蓝领不再为找工难、就职难而头疼。</div>
									<div class="bgk_bord"></div>
								</div>
							</div>
						</div>
						<div class="fore_f1" style="margin-left: 14px;margin-bottom: 14px;">
							<img class="for_por" src="images/index02.jpg">
							<div class="for_poa">
								<img class="" src="images/youshi_02.png">
								<div class="shimi_f">平台直招</div>
							</div>
							<div class="for_zzcbox" style="background: rgba(75,174,197,0.8);">
								<div class="for_zzc">
									<div class="zzc_title">平台直招</div>
									<div class="bgk_bord"></div>
									<div class="zzc_comnet anq_kp">所有岗位都是平台直招，不做二手单，免费报名入职。线上线下联动，降低蓝领求职受骗的风险；全程跟踪服务，防止违规中介赚取员工的“血汗钱”。</div>
									<div class="bgk_bord bgk_bord01"></div>
								</div>
							</div>
						</div>
						<div class="fore_f1">
							<img class="for_por" src="images/index04.jpg">
							<div class="for_poa">
								<img class="" src="images/youshi_03.png">
								<div class="shimi_f">一键预约</div>
							</div>
							<div class="for_zzcbox" style="background: rgba(60,175,255,0.8);">
								<div class="for_zzc">
									<div class="zzc_title">一键预约</div>
									<div class="bgk_bord"></div>
									<div class="zzc_comnet anq_kp">用户发现适合的岗位，只需点击报名。便能一键预约面试，不仅有全面的面试预约信息，还有准确的导航定位，让求职者入职不再迷路。</div>
									<div class="bgk_bord bgk_bord01"></div>
								</div>
							</div>
						</div>
						<div class="fore_f1" style="margin-left: 14px;margin-bottom: 14px;">
							<img class="for_por" src="images/index03.jpg">
							<div class="for_poa">
								<img class="" src="images/youshi_04.png">
								<div class="shimi_f">查工资、记工时</div>
							</div>
							<div class="for_zzcbox" style="background: rgba(103,154,254,0.8);">
								<div class="for_zzc">
									<div class="zzc_title">查工资、记工时</div>
									<div class="bgk_bord"></div>
									<div class="zzc_comnet anq_kp">线下了解蓝领群体工作中的不便之处，打造方便快捷的查工资、记工时工具，解决用户忘记记录工作加班时长，查询工资明细困满的问题。</div>
									<div class="bgk_bord bgk_bord01"></div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="section page3">
				<img class="page3_imgguw" src="images/guanyu-bg.png">
				<div class="about_box">
					<div class="about_top">
						<div class="page3_title">关于我们</div>
						<div class="page3_titles">About us</div>
						<div class="btm_bord"></div>
					</div>
					<div class="about_cent">
						<div class="cent_left">
							<div class="cleft_top">广东蓝聘网络科技有限公司</div>
							<div class="btm_bord"></div>
							<div class="cent_font">广东蓝聘网络科技有限公司是一家专为蓝领打造招聘信息相关的综合服务平台，为广大职工朋友提供海量真实、可靠、优质的岗位。并设计资讯查看、互动社区、工时记录、工资查看等功能方便职工朋友的使用。保障劳动者的利益，让劳动者工作无忧！</div>
							<div class="cent_three">
								<div class="three_1">
									<img src="images/fuwu.png">
									<div class="zy_fuw">专业服务</div>
								</div>
								<div class="three_1">
									<img src="images/cheng xin.png">
									<div class="zy_fuw">诚信优质</div>
								</div>
								<div class="three_1">
									<img src="images/anquan.png">
									<div class="zy_fuw">安全高效</div>
								</div>
							</div>
						</div>
						<div class="cent_right">
							<img src="images/join.png" draggable="false">
						</div>
					</div>
					<div class="about_btm">
						<div class="ab_btm3">
							<img src="images/mubiao.png">
							<div class="btm_h4">企业目标</div>
							<div class="btm_h5"><span style="font-weight: bold;">为蓝领群体开发方便实用的工具：</span>线上线下结合，为求职者提供贴心全面的服务；充分挖掘用户需求，不断完善平台服务流程。</div>
						</div>
						<div class="ab_btm3" style="margin-left: 12px;">
							<img src="images/linian.png">
							<div class="btm_h4">企业理念</div>
							<div class="btm_h5"><span style="font-weight: bold;">让蓝领求职不再坎坷：</span>以用户需求为核心，提供真实可靠的信息，不断提升服务质量。</div>
						</div>
						<div class="ab_btm3" style="margin-left: 12px;">
							<img src="images/yuanjing.png">
							<div class="btm_h4">企业愿景</div>
							<div class="btm_h5"><span style="font-weight: bold;">成为蓝领圈值得信赖的招聘服务平台：</span>与多方企业携手发展，建立蓝领人自己的求职圈子，提供真实、可靠的工作岗位。</div>
						</div>
					</div>
				</div>
			</div>
			<div class="section page4">
				<div class="page4_bpx">
					<div class="page4_h4">合作伙伴</div>
					<div class="page4_h5">cooperative partner</div>
					<div class="page4_bgk"></div>
					<section class="pc-banner">
						<div class="swiper-container">
							<div class="swiper-wrapper">
								<div class="swiper-slide swiper-slide-center none-effect" style="position: relative;">
									<a href="javascript:;">
										<img src="images/hezuo-bg.png">
									</a>
									<div style="position: absolute;bottom: 0px;width: 100%;height: 52px;background: rgba(0,0,0,0.5);color: #FFFFFF;line-height: 52px;font-size: 18px;">东莞市TTI创科集团</div>
									<div class="layer-mask"></div>
								</div>
								<div class="swiper-slide" style="position: relative;">
									<a href="javascript:;">
										<img src="images/hezuo-bg02.png">
									</a>
									<div style="position: absolute;bottom: 0px;width: 100%;height: 52px;background: rgba(0,0,0,0.5);color: #FFFFFF;line-height: 52px;font-size: 18px;">台达电子（东莞）有限公司</div>
									<div class="layer-mask"></div>
								</div>
								<div class="swiper-slide" style="position: relative;">
									<a href="javascript:;">
										<img src="images/hezuo-bg01.png">
									</a>
									<div style="position: absolute;bottom: 0px;width: 100%;height: 52px;background: rgba(0,0,0,0.5);color: #FFFFFF;line-height: 52px;font-size: 18px;">金宝电子（东莞）中国有限公司</div>
									<div class="layer-mask"></div>
								</div>
							</div>
							<div class="button">
								<div class="swiper-button-prev"></div>
								<div class="swiper-button-next"></div>
							</div>
						</div>
					</section>
					<div class="page4_xuanc">
						<div class="page4_xuancLEFT">
							<div class="fon_r_one">找工作&nbsp;上蓝聘&nbsp;因为<span style="color: #FF0000;">专业</span>&nbsp;&nbsp;<span style="color: #FF0000;">"职"</span>&nbsp;&nbsp;的信赖</div>
							<div class="fon_r_two">与多企密切合作，为更多型企业提供全方位的人力资源服务</div>
						</div>
						<div class="page4_xuancRIGHT">
							<div class="page4_xuancRIGHT_img"><img src="images/t609.png"></div>
							<div class="page4_xuancRIGHT_font">
								<div>客服服务热线</div>
								<div>400-9600395</div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<div class="section page5">
				<div class="page5_bpx">
					<div class="page5_h4">联系我们</div>
					<div class="page5_h5">contact us</div>
					<div class="page5_bgk"></div>
					<div class="page5_box">
						<div class="page5_map">
							<img src="images/index_39.png" draggable="false">
						</div>
						<div class="xianxi_font">
							<div class="lanpin_com">广东蓝聘网络科技有限公司</div>
							<div class="xianxi_font3">
								<img src="images/lianx_01.png">
								<div class="page5_fad">地址：广东省东莞市厚街汀山新车站二楼</div>
							</div>
							<div class="xianxi_font3">
								<img src="images/lianx_02.png">
								<div class="page5_fad">电话：400-9600395</div>
							</div>
							<div class="xianxi_font3">
								<img src="images/lianx_03.png">
								<div class="page5_fad">网址：www.lanpin123.com</div>
							</div>
						</div>
					</div>
				</div>
				<div class="page5btm_nav">
					<div class="btm_nav">
						<div class="nav_top">
							<div class="nav_topleft">
								<img src="images/android_03.png">
								<div>蓝聘APP下载</div>
							</div>
							<div class="nav_topbord"></div>
							<div class="nav_topleft">
								<img src="images/weixin_code.jpg">
								<div>微信公众号二维码</div>
							</div>
						</div>
						<div class="nav_btm ao_fon">Copyright © 2018-2020 广东蓝聘网络科技有限公司 粤ICP备18085259号</div>
						<div class="nav_btm">联系地址：广东省东莞市厚街汀山新车站二楼&nbsp;&nbsp;联系电话：400-9600395</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="js/jquery-1.9.1.min.js"></script>
	<script type="text/javascript" src="js/swiper.min.js"></script>
	<script src="js/jquery-ui-1.10.3.min.js"></script>
	<script src="js/jquery.fullPage.js"></script>
	<script src="js/modernizr-custom-v2.7.1.min.js" type="text/javascript"></script>
	<script src="js/jquery-finger-v0.1.0.min.js" type="text/javascript"></script>
	<!--<script src="js/flickerplate.min.js" type="text/javascript"></script>-->
	<script>
		window.onload = function() { //合作伙伴
			var swiper = new Swiper('.swiper-container', {
				autoplay: 3000,
				speed: 1000,
				autoplayDisableOnInteraction: false,
				loop: true,
				centeredSlides: true,
				slidesPerView: 2,
				pagination: '.swiper-pagination',
				paginationClickable: true,
				prevButton: '.swiper-button-prev',
				nextButton: '.swiper-button-next',
				onInit: function(swiper) {
					swiper.slides[2].className = "swiper-slide swiper-slide-active";
				},
				breakpoints: {
					668: {
						slidesPerView: 1,
					}
				}
			});
		}
		$(document).ready(function() { //首页轮播图
			$('.flicker-example').flicker();
		});
		(function() { //全屏fullpage滚动初始化
			$('#fullpage').fullpage({
				navigation: false,
			});
		})();
		//四大优势效果
		function getOffset(e) {
			var target = e.target;
			if(target.offsetLeft == undefined) {
				target = target.parentNode;
			}
			var pageCoord = getPageCoord(target);
			var eventCoord = {
				x: window.pageXOffset + e.clientX,
				y: window.pageYOffset + e.clientY
			};
			var offset = {
				offsetX: eventCoord.x - pageCoord.x,
				offsetY: eventCoord.y - pageCoord.y
			};
			return offset;
		}

		function getPageCoord(element) {
			var coord = {
				x: 0,
				y: 0
			};
			while(element) {
				coord.x += element.offsetLeft;
				coord.y += element.offsetTop;
				element = element.offsetParent;
			}
			return coord;
		}
		$(document).ready(function() {
			$(".page2 .fore_f1").mouseover(function() {
				$(this).find(".for_poa").hide();
			}).mouseout(function() {
				$(this).find(".for_poa").show();
			})
			$(".page2 .fore_f1").hover(function(e) {
				var _this = $(this), //闭包
					_desc = _this.find(".for_zzcbox").stop(true),
					width = _this.width(), //取得元素宽
					height = _this.height(), //取得元素高
					left = (e.offsetX == undefined) ? getOffset(e).offsetX : e.offsetX, //从鼠标位置，得到左边界，利用修正ff兼容的方法
					top = (e.offsetY == undefined) ? getOffset(e).offsetY : e.offsetY, //得到上边界
					right = width - left, //计算出右边界
					bottom = height - top, //计算出下边界
					rect = {}, //坐标对象，用于执行对应方法。
					_min = Math.min(left, top, right, bottom), //得到最小值
					_out = e.type == "mouseleave", //是否是离开事件
					spos = {}; //起始位置

				rect[left] = function(epos) { //鼠从标左侧进入和离开事件
					spos = {
						"left": -width,
						"top": 0
					};
					if(_out) {
						_desc.animate(spos, "fast"); //从左侧离开
					} else {
						_desc.css(spos).animate(epos, "fast"); //从左侧进入
					}
				};
				rect[top] = function(epos) { //鼠从标上边界进入和离开事件
					spos = {
						"top": -height,
						"left": 0
					};
					if(_out) {
						_desc.animate(spos, "fast"); //从上面离开
					} else {
						_desc.css(spos).animate(epos, "fast"); //从上面进入
					}
				};
				rect[right] = function(epos) { //鼠从标右侧进入和离开事件
					spos = {
						"left": left,
						"top": 0
					};
					if(_out) {
						_desc.animate(spos, "fast"); //从右侧成离开
					} else {
						_desc.css(spos).animate(epos, "fast"); //从右侧进入
					}
				};
				rect[bottom] = function(epos) { //鼠从标下边界进入和离开事件
					spos = {
						"top": height,
						"left": 0
					};
					if(_out) {
						_desc.animate(spos, "fast"); //从底部离开
					} else {
						_desc.css(spos).animate(epos, "fast"); //从底部进入
					}
				};
				rect[_min]({
					"left": 0,
					"top": 0
				}); // 执行对应边界 进入/离开 的方法
			});
		});
	</script>

</html>